/**
 * formReForm JavaScript for Form Layout, version 0.2
 * (c) 2008 Joe Lippeatt (joey@lippeatt.com)
 * 
 * See the latest revisions at http://code.google.com/p/formreform/
 * 
 * formReForm is freely distributable and open.  Please contribute improvements
 * back to the project.
 * 
 * Although you can modify the following section, you typically
 * shouldn't.  To customize colors, fonts, backgrounds, etc, use
 * the "disply" section.
 * 
 */

/* ----------------------------------------------------------------------
 *  FIELD DISPLAY SECTION
 *  custom style area.  modify this section so your reFormed form fits
 *  your application's general style.  go nuts.
 * ----------------------------------------------------------------------*/

.fieldForm {background-color:#f3f3f3}

.fieldForm div .fieldItemValue {}

.fieldForm .fieldItemLabel {}

.fieldForm .fieldItemLabel label {font-weight:bolder;}

.fieldForm .field100Pct, .fieldForm .field50Pct {}

.fieldForm .field100Pct {}

.fieldForm .fieldCheckbox {}

.fieldForm .field100Pct .fieldItemValue,
.fieldForm .fieldCheckbox .fieldCheckboxItem, 
.fieldForm .field50Pct .fieldItemValue {}

.fieldForm .field100Pct .fieldItemValue input,
.fieldForm .field100Pct .fieldItemValue textarea,
.fieldForm .field100Pct .fieldItemValue select {}

.fieldForm .field50Pct .fieldItemValue input,
.fieldForm .field50Pct .fieldItemValue textarea,
.fieldForm .field50Pct .fieldItemValue select {}

.fieldForm .field50Pct {}

.fieldForm div div input, .fieldForm div div textarea,
.fieldForm div div select {}

.fieldForm .fieldCheckbox input {}

.fieldForm .fieldCheckbox .fieldItemLabel {}




/* ----------------------------------------------------------------------
 *  formReForm FIELD PLACEMENT STYLE SECTION
 *  this section is used by formReForm for placement of form
 *  elements and typically will not need to be modified
 * ----------------------------------------------------------------------*/

.fieldForm div .fieldItemValue {padding-left:10px;}
.fieldForm .fieldItemLabel {width:5em;float:left;padding-top:5px;}
.fieldForm .fieldItemLabel label {white-space:nowrap;}

.fieldForm .field100Pct, 
.fieldForm .field50Pct {min-width: 200px;}

.fieldForm .field100Pct {clear:both}

/* width on this should change based on the size of your checkboxes */
.fieldForm .fieldCheckbox {
	float:left;width:15%;min-width:100px;margin-left:2em;
}

.fieldForm .field100Pct .fieldItemValue,
.fieldForm .fieldCheckbox .fieldCheckboxItem, 
.fieldForm .field50Pct .fieldItemValue {display:inline;}

.fieldForm .field100Pct .fieldItemValue input,
.fieldForm .field100Pct .fieldItemValue textarea,
.fieldForm .field100Pct .fieldItemValue select {width:80%;min-width:200px;}

.fieldForm .field50Pct .fieldItemValue input,
.fieldForm .field50Pct .fieldItemValue textarea,
.fieldForm .field50Pct .fieldItemValue select {width:60%;min-width:100px;}

.fieldForm .field50Pct {float:left;width:49.9%;}

.fieldForm div div input,
.fieldForm div div textarea,
.fieldForm div div select {margin-bottom:10px;margin-right:15px;}

.fieldForm .fieldCheckbox input {float:left;margin-right:5px;}
.fieldForm .fieldCheckbox .fieldItemLabel {padding-top:.5em;}

.clear {clear:both;}		
.fieldForm br {display:none}

